    /**
    站点自定义统一样式
    */
.ci{ width:100%;height: auto;border:#f0f0f0 solid 1px;}
  .ci>.item{display: flex; height: 50px;  align-items:center; border-bottom:#f0f0f0 solid 1px;}
  .ci>.item:hover{background: rgb(232,244,255);}
  .ci>.item:hover>span.name{background:  rgb(232,244,255);}
  .ci>.item:last-child{border-bottom:none;}
  .ci>.item>span.name{ width:150px; padding:0 10px; background: #fcfcfc ; box-sizing: border-box; height: 100%; 
    display: flex; align-items: center; font-size: 16px; border-right:#f3f3f3 solid 1px;
    }
  .ci>.item>span.value{ padding: 0 10px;display: flex; align-items: center; width:calc(100% - 150px) }
  .ci>.item>span.required{position: relative; padding:0 10px 0 13px;}
  .ci>.item>span.required:before{
        display: inline-block; position: absolute; left:5px; top:42%; content:'*';color:#f22; width:5px;height: 5px;
  }
  /**自定义 */
  .ci>.item img{cursor: pointer; border-radius: 3px;}
  .ci>.item img:hover{ transform: scale(1.06,1.06);}
  .ci>.item>span.value.pics>.board-column-content{display: flex;}
  .ci>.item>span.value.pics .pic{margin:5px 5px;}
  .ci>.item.h100{height: 100px;}
  .ci>.item.h70{height: 70px;}
  .ci>.item.hauto{height: auto !important;}

  .upload-box{width:80px;height: 80px; display: flex;justify-content: center; align-items: center; border:#ccc dashed 1px; cursor: pointer;}
  .upload-box:hover{ border-color: #409eff}
  .upload-box>.el-icon-plus{width:25px;height: 25px; font-size: 25px;color:#999; }
  .ci>.item>span.value.pics .pic.opt{ position: relative;}
  .ci>.item>span.value.pics .pic.opt span.mask{ display: none; position: absolute; top:0;left:0; width:100%;height: 96%; border-radius: 4px; background:rgba(0,0,0,0.3);z-index:2; }
  .ci>.item>span.value.pics .pic.opt span.delete{ display: none; position:absolute; z-index:3; top:calc(50% - 12px);left:calc(50% - 12px) ; width:25px;height:25px;cursor: pointer;}
  .ci>.item>span.value.pics .pic.opt:hover>span{
    display: block;
  }

  .errorbox-item{
      color:#f22; font-size:14px;
  }

  /* bx - image */
.bx-image{position: relative; display:flex;justify-content: center; align-items: center;}
.bx-image>span.delete{display: none; position: absolute;z-index:9; }
.bx-image>span.nopic{ position: absolute;z-index:8; width:100%;height: 100%; background: #f9f9f9; display: flex;justify-content: center; align-items: center;}
.hover-showdelete:hover>img{
    transform: scale(1.08,1.08);
}
.hover-showdelete:hover> span.delete{
    display: block !important;
}

/*列表中的一些样式*/
.box-img-text{
  display:flex; justify-content: flex-start; align-items: center;
}
.box-img-text>span:last-child{ margin-left:5px;}

/*表头不对齐问题修改*/
.el-table th.gutter{
  display: table-cell!important;
}

/*
 详情分组
*/
.ci>.item.ld{
  padding:5px 10px;
}
.ci>.item.ld>fieldset{
  width:100%;
}
.fd-content>.fd-item{
  padding:5px 10px; display: flex;
}
.fd-content>.fd-item>span.name{
  width:100px; display: flex; align-items: center;
}
.fd-content>.fd-item>span.name:nth-child(3){
  padding-left:10px;
}

/*
 票据样式
*/
.bill{
  padding:12px; box-sizing: border-box;
}
.bill>.item{
  line-height: 32px; color:#000; font-size:14px; font-weight: 400;
}